<%-- 
    Document   : listaDirectivos
    Created on : 24/09/2009, 05:32:19 PM
    Author     : ADMINISTRADOR
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<script language="javascript" src="../js/funciones.js"></script>
<link href="/colegiatura/Estilos/estilosEsymons.css" rel="stylesheet" type="text/css" />

<f:view>
<h:form>
<table width="100%" border="0">
  <tr>
    <td height="27" colspan="5" align="left" class="texto3">
    <h:outputLabel value=" Junta Directiva" styleClass="texto3" /></td>
  </tr>
  <tr><td height="20">
     <a4j:outputPanel ajaxRendered="true">
    <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
    </a4j:outputPanel>
      </td>
  </tr>
  <tr>
<td align="left">
<fieldset><legend>Activar Periodo</legend>
    <table width="1110" border="0" align="left">
    <tr><td width="250"></td>
    <td width="253" height="25"></td>
    <td width="130" align="left"><h:outputLabel value="Fecha Inicio : " styleClass="texto22" /></td>
    <td width="197" align="left">
      <r:calendar value="#{directivosController.fecha1}" datePattern="dd/MM/yyyy" cellWidth="15"
                  styleClass="cajaCentrada" inputClass="cajaCentrada" />
      <%--t:inputCalendar value="#{directivosController.fecha1}" renderPopupButtonAsImage="true" renderAsPopup="true"
                 popupDateFormat="dd/MM/yyyy"  popupTodayString="Hoy día es:"  styleClass="fondo012"  /--%></td>
    <td width="258"></td>
  </tr>
    <tr><td></td>
    <td width="253" height="25"></td>
    <td align="left"><h:outputLabel value="Fecha Fin : " styleClass="texto22" /></td>
    <td align="left">
        <r:calendar value="#{directivosController.fecha2}" datePattern="dd/MM/yyyy" cellWidth="15"
                  styleClass="cajaCentrada" inputClass="cajaCentrada" />
        <%--t:inputCalendar value="#{directivosController.fecha2}" renderPopupButtonAsImage="true" renderAsPopup="true"
                 popupDateFormat="dd/MM/yyyy"  popupTodayString="Hoy día es:"  styleClass="fondo012"  /--%></td>
    <td></td>
  </tr>
  <tr><td width="250" align="left"><h:commandButton action="#{directivosController.nuevo}" value="Nuevo Directivo"  styleClass="enlace9" /></td>
    <td width="253" height="25"></td>
    <td colspan="2" align="center">
        <h:commandButton action="#{directivosController.activarPeriodo}" value="Activar Periodo"  styleClass="enlace9" /></td>
    <td></td>
  </tr></table>
</fieldset>
</td></tr>
<fieldset>
<tr><td>
<%--r:dataTable  value="#{directivosController.listaDirectivos}" var="directivo" rowClasses="TableImpar,TablePar"
                     rows="10" reRender="dt" id="TableDirectivo" border="0" headerClass="texto18"--%>
       <r:scrollableDataTable value="#{directivosController.listaDirectivos}" var="directivo"
         id="directivos" sortMode="single" width="1100px" >
         <r:column width="60" headerClass="texto18">
             <f:facet name="header"><h:outputLabel value="Nro CIP" /></f:facet>
            <h:outputLabel value="#{directivo.colCodigo.colnumeroCip}" styleClass="texto20" />
        </r:column>
        <r:column width="200" headerClass="texto18">
            <f:facet name="header"><h:outputLabel value="Área" /></f:facet>
            <h:outputLabel value="#{directivo.carCodigo.fkAreCodigo.areNombre}" styleClass="texto20" />
        </r:column>
        <r:column width="200" headerClass="texto18">
            <f:facet name="header"><h:outputLabel value="Cargo" /></f:facet>
            <h:outputLabel value="#{directivo.carCodigo.carDescripcion}" styleClass="texto20" />
        </r:column>
        <r:column width="300" headerClass="texto18">
            <f:facet name="header"><h:outputLabel value="Colegiado" /></f:facet>
            <h:outputLabel value="#{directivo.colCodigo.personaNatural.apellidosNombres}" styleClass="texto20" />
        </r:column>
           <r:column width="100" headerClass="texto18" sortOrder="#{directivo.dirfechaInicio}">
            <f:facet name="header"><h:outputLabel value="Fecha Inicio" /></f:facet>
            <h:outputLabel value="#{directivo.dirfechaInicio}" styleClass="texto20" />
        </r:column>
        <r:column width="100" headerClass="texto18" sortBy="#{directivo.dirfechaFin}">
            <f:facet name="header"><h:outputLabel value="Fecha Fin" /></f:facet>
            <h:outputLabel value="#{directivo.dirfechaFin}" styleClass="texto20" />
        </r:column>
        <r:column width="50" headerClass="texto18">
            <f:facet name="header"><h:outputLabel value="Activo" /></f:facet>
            &nbsp;&nbsp;
            <h:selectBooleanCheckbox value="#{directivo.dirActivo}" />
        </r:column>
        <r:column width="80" headerClass="texto18">
            <f:facet name="header"><h:outputLabel value="Opciones" /></f:facet>&nbsp;&nbsp;
            <h:commandButton action="editar" image="/imagenColegiatura/editar.png" title="Editar">
                <f:setPropertyActionListener target="#{directivosController.directivos}" value="#{directivo}"/>
            </h:commandButton>&nbsp;
            <h:commandButton action="#{directivosController.remover}" image="/imagenColegiatura/eliminar.png" title="Eliminar">
                <f:setPropertyActionListener target="#{directivosController.directivos}" value="#{directivo}"/>
            </h:commandButton>
        </r:column>
        <%--f:facet name="footer">
              <r:datascroller id="dt" renderIfSinglePage="false"></r:datascroller>
        </f:facet--%>
    </r:scrollableDataTable>
    <%--/r:dataTable--%>
    </td>
  </tr></fieldset>
</table>
</h:form>
</f:view>
